<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  -->
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <link rel="stylesheet" href="/css/materialize.min.css"/>
  <link rel="stylesheet" href="/css/comm100.css"/>
  <title>用户主页</title>
</head>
<body>
<ul id="userDropdown" class="dropdown-content">
  <li><a href="#!" th:if="${userName}" th:text="${userName}" th:href="'/user/' + ${userName}">用户主页</a></li>
  <li class="divider"></li>
  <li>
    <form th:action="@{/logout}" method="post">
      <input type="submit" class="btn" value="退出"/>
    </form>
  </li>
</ul>
<nav class="slate-green-text" style="background-color: #282F34;">
  <div class="nav-wrapper">
    <a href="/" class="brand-logo"><img src="/comm100.png"/></a>
    <ul id="nav-mobile" class="right hide-on-med-and-down slate-green-text" style="color: #009999">
      <li><a href="/login" class="waves-effect waves-light btn" th:if="${notLogin}">登录</a></li>
<!--      <li><a href="#" class="waves-effect waves-light btn" th:if="${userName}" th:text="${userName}"
             th:href="'/user/' + ${userName}">用户名</a></li>
 -->     <li><a class="dropdown-button" href="#!" th:if="${userName}" th:text="${userName}"
             th:href="'/user/' + ${userName}" data-activates="userDropdown">用户名</a></li>

    </ul>
  </div>
</nav>
<div class="container main-container">
  <div class="info-container">
    <p>你的站点编号：</p>
    <span th:text="${coUser.siteCode}">编号</span>
  </div>
  <div class="service-usage-container">
    <p>客服登录地址:</p>
    <p th:text="'http://service.comm100.lsu.pw/service/' + ${coUser.siteCode}">http://comm100.lsu.pw/serivce/</p>
  </div>
  <div class="custom-usage-conainer">
    <p>将下面的代码粘贴到你的网站页面代码中</p>
    <div
        th:text="' &lt;iframe style=&quot;position: fixed; top: 0; width: 100%; height: 100%; z-index: 100; border: none; overflow: hidden;&quot;src=&quot;http://custom.comm100.lsu.pw/custom/' + ${coUser.siteCode} + '&quot;&gt;&lt;/iframe&gt;'">
    </div>
  </div>
  <div class="service-operate-container">
    <t1>客服列表</t1>
    <ul class="service-list">

    </ul>
    <div class="add-service-container" style="display: none;">
      <input class="add-service-name-input" type="text"/>
      <input class="add-service-passwd-input" type="password"/>
      <a class="confirm-add-service-button" href="javascript:;">
        添加
      </a>
    </div>
    <a href="javascript:;" class="add-service-button">添加客服</a>
  </div>

</div>

<script src="/js/jquery-1.7.2.min.js"></script>
<script src="/js/materialize.min.js"></script>
<script src="/js/comm100.js"></script>
</body>
</html>